/***********banner图**********/
.banner {
  position: relative;
}
.banner .bd li {
	display: none;
  height: 600px;
  background-position: center;
}
.banner .bd li:first-child{
	display: block;
}
.banner .hd {
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  width: 100%;
  height: 18px;
}
.banner .hd ul {
  display: inline-block;
  overflow: hidden;
  *zoom:1;
}
.banner .hd li {
	display: inline-block;
	line-height: 1;
  margin: 0 10px;
  height: 15px;
  width: 15px;
  border: 1px solid #fff;
  border-radius: 8px;
  font-size: 0;
  background-color: transparent;
}
.banner .hd .on {
  /*background-color: #00aaff;*/
  background-color: #e62129;
}
.banner .prev {
  position: absolute;
  width: 21px;
  height: 40px;
  background: url(../images/prev.png) no-repeat;
  left: 15px;
  top: 50%;
  margin-top: -20px;
}
.banner .next {
  position: absolute;
  width: 21px;
  height: 40px;
  background: url(../images/next.png) no-repeat;
  right: 15px;
  top: 50%;
  margin-top: -20px;
}
/*************num***************/
.num {
  height: 69px;
  padding-top: 30px;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fdfdfd;
}
.num p {
  float: left;
  width: 374px;
  /*color: #00aaff;*/
  font-weight:bold;
  opacity: 0;
  -webkit-animation: commonA 1s forwards;
  -o-animation: commonA 1s forwards;
  animation: commonA 1s forwards;
}
.num p span {
  font-family: 'DIN Condensed Bold';
  font-size: 40px;
}
.num p em {
  font-size: 38px;
  vertical-align: 4px;
}
.num p b {
  font-size: 16px;
}
.num .p1 {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
}
.num .p1 em {
  margin-right: 10px;
}
.num .p2 {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
  width: 356px;
  padding-left: 96px;
}
.num .p2 em {
  font-size: 26px;
  vertical-align: top;
}
.num .p3 {
  padding-left: 82px;
  width: 292px;
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s;
}
.num .p3 em {
  font-size: 26px;
  vertical-align: top;
}
/**********服务***********/
.common-h3 {
  text-align: center;
}
.common-h3 h3 {
  font-size: 30px;
  color: #000;
  margin-bottom: 25px;
}
.common-h3 p {
  font-size: 16px;
  color: #666666;
  padding-bottom:20px;
}
.commonB {
  -webkit-animation: commonA 0.6s forwards;
  -o-animation: commonA 0.6s forwards;
  animation: commonA 0.6s forwards;
}
.server {
  padding-top: 64px;
}
.server .common-h3 {
  opacity: 0;

  -webkit-animation: commonA 0.6s 0.2s forwards;
  -o-animation: commonA 0.6s 0.2s forwards;
  animation: commonA 0.6s 0.2s forwards;
}
.server .server-inner {
  margin-top: 50px;
}
.server .server-inner ul {
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}
.server .server-inner ul li {
  float: left;
  width: 449px;
  height: 359px;
  opacity: 0;

}
.server .server-inner ul li div {
  padding-left: 176px;
  padding-top: 54px;
  height: 125px;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.server .server-inner ul li div .p1 {
  font-size: 20px;
  color: #000;
  margin-bottom: 16px;
}
.server .server-inner ul li div .p2 {
  font-size: 14px;
  color: #666666;
  margin-bottom: 10px;
}
.server .server-inner ul .l2 {
  width: 299px;
  height: 359px;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  background: url(../images/a9.png) no-repeat left bottom;
  /*background: url(../dist/xls.jpg) no-repeat left bottom;*/
}
.server .server-inner ul .l2 div {
  border: none;
  padding: 0;
  padding-top: 150px;
  text-align: center;
}
.server .server-inner ul .l2 div .p2 {
  width: 196px;
  margin: 0 auto 10px;
  text-align: left;
}
.server .server-inner .cc li:nth-child(1) {
  -webkit-animation: c1 1s forwards;
  -o-animation: c1 1s forwards;
  animation: c1 1s forwards;
}
.server .server-inner .cc li:nth-child(2) {
  -webkit-animation: c3 1s forwards;
  -o-animation: c3 1s forwards;
  animation: c3 1s forwards;
}
.server .server-inner .cc li:nth-child(3) {
  -webkit-animation: c2 1s forwards;
  -o-animation: c2 1s forwards;
  animation: c2 1s forwards;
}
/*******方案********/
.cc2 .common-h3 {
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.cc2 .project-inner {
  -webkit-animation: c4 1s 0.4s forwards;
  -o-animation: c4 1s 0.4s forwards;
  animation: c4 1s 0.4s forwards;
}
.project {
  padding-top: 91px;
}
.project .common-h3 {
  opacity: 0;

}
.project .project-inner {
  height: 500px;
  margin-top: 60px;
  position: relative;
  opacity: 0;

}
.project .project-inner .project-x {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.project .project-inner .project-x.a1{  background-color: #FDA73A;}
.project .project-inner .project-x.a2{  background-color: #FDA73A;}
.project .project-inner .project-x.a3{  background-color: #e62129;}
.project .project-inner .project-x.a4{  background-color: #e62129;}
.project .project-inner .project-x.a5{  background-color: #FDA73A;}
.project .project-inner .project-x.a6{  background-color: #FDA73A;}
.project .project-inner .project-x.a7{  background-color: #4987D2;}
.project .project-inner .project-x.a8{  background-color: #4987D2;}
.project .project-inner .project-x.a9{  background-color: #e62129;}
.project .project-inner .project-x.a10{  background-color: #e62129;}

.project .project-inner .wrap {
  position: absolute;
  width: 1200px;
  top: 0;
  left: 50%;
  margin-left: -600px;
  height: 100%;
}
.project .project-inner .wrap .project-menu {
  position: absolute;
  width: 240px;
  top: 20px;
  left: 0;
  z-index: 2;
}
.project .project-inner .wrap .project-menu p {
  line-height: 50px;
  font-size: 14px;
  color: #ffffff;
  padding-left: 40px;
  background: #23222b url(../images/menu.png) no-repeat 16px center;
}
.project .project-inner .wrap .project-menu li {
  float: left;
  width: 50%;
  cursor: pointer;
  box-sizing: border-box;
  border-top: 1px solid #2e2d36;
  padding-top: 48px;
  height: 80px;
  font-size: 14px;
  text-align: center;
  background: #23222b url(../images/spritx.png) no-repeat;
  /*background-position-x: center;*/
}
.project .project-inner .wrap .project-menu .on {
  background-color: transparent;
  color: #fff;
  background-image: url(../images/sprit.png);
}
.project .project-inner .wrap .project-xx {
  position: absolute;
  top: 94px;
  left: 298px;
  line-height: 1;
  color: #ffffff;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.project .project-inner .wrap .project-xx .wrap {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.project .project-inner .wrap .project-xx li {
  opacity: 0;

  -webkit-animation: c1x 0.4s forwards;
  -o-animation: c1x 0.4s forwards;
  animation: c1x 0.4s forwards;
}
.project .project-inner .wrap .project-xx li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.project .project-inner .wrap .project-xx li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.project .project-inner .wrap .project-xx li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.project .project-inner .wrap .project-xx li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.project .project-inner .wrap .project-xx li:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.project .project-inner .wrap .project-xx li:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.project .project-inner .wrap .project-xx li:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.project .project-inner .wrap .project-xx .l1 {
  font-size: 14px;
  margin-bottom: 12px;
}
.project .project-inner .wrap .project-xx .l2 {
  font-size: 36px;
  margin-bottom: 24px;
}
.project .project-inner .wrap .project-xx .l3 {
  font-size: 15px;
  margin-bottom: 16px;
}
.project .project-inner .wrap .project-xx a {
  width: 196px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  display: block;
  margin-top: 34px;
  position: relative;
  opacity: 0;

  -webkit-animation: c1x 0.4s forwards;
  -o-animation: c1x 0.4s forwards;
  animation: c1x 0.4s forwards;
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.project .project-inner .wrap .project-xx a span {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -48px;
  line-height: 40px;
  z-index: 2;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.project .project-inner .wrap .project-xx a:hover:after {
  width: 100%;
}
.project .project-inner .wrap .project-xx a:hover span {
  color: #ffb400;
}
.project .project-inner .project-x.a1 .wrap .project-xx a:hover span{color: #F2684C}
.project .project-inner .project-x.a2 .wrap .project-xx a:hover span{color: #3EC6AE}
.project .project-inner .project-x.a3 .wrap .project-xx a:hover span{color: #FFB329}
.project .project-inner .project-x.a4 .wrap .project-xx a:hover span{color: #E3493D}
.project .project-inner .project-x.a5 .wrap .project-xx a:hover span{color: #01B760}
.project .project-inner .project-x.a6 .wrap .project-xx a:hover span{color: #FDA73A}
.project .project-inner .project-x.a7 .wrap .project-xx a:hover span{color: #4987D2}
.project .project-inner .project-x.a8 .wrap .project-xx a:hover span{color: #FDD13D}
.project .project-inner .project-x.a9 .wrap .project-xx a:hover span{color: #7D5EE8}
.project .project-inner .project-x.a10 .wrap .project-xx a:hover span{color: #7D5EE8}


.project .project-inner .wrap .project-xx a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background-color: #fff;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.project .project-inner .wrap .bg {
  position: absolute;
  top: 40px;
  right: 28px;
  width: 385px;
  height: 424px;
  background: url(../images/b.png) no-repeat center;
  opacity: 0;

  -webkit-animation: zoomIn 1s forwards;
  -o-animation: zoomIn 1s forwards;
  animation: zoomIn 1s forwards;
}
.project .project-inner .a1 .wrap .bg {background: url(../images/b.png) no-repeat center;}
.project .project-inner .a2 .wrap .bg {background: url(../images/b08.jpg) no-repeat center;}
.project .project-inner .a3 .wrap .bg {background: url(../images/b07.jpg) no-repeat center;}
.project .project-inner .a4 .wrap .bg {background: url(../images/b06.jpg) no-repeat center;}
.project .project-inner .a5 .wrap .bg {background: url(../images/b05.jpg) no-repeat center;}
.project .project-inner .a6 .wrap .bg {background: url(../images/b04.jpg) no-repeat center;}
.project .project-inner .a7 .wrap .bg {background: url(../images/b03.jpg) no-repeat center;}
.project .project-inner .a8 .wrap .bg {background: url(../images/b02.jpg) no-repeat center;}
.project .project-inner .a10 .wrap .bg {background: url(../images/b01.jpg) no-repeat center;}
/*********案例**********/
.cc3 h3 {
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.cc3 .ul-wrap {
  -webkit-animation: c4 1s 0.4s forwards;
  -o-animation: c4 1s 0.4s forwards;
  animation: c4 1s 0.4s forwards;
}
.cc3 .ul-main.gg {
  -webkit-animation: c4 1s 0.8s forwards;
  -o-animation: c4 1s 0.8s forwards;
  animation: c4 1s 0.8s forwards;
}
.case {
  padding-top: 82px;
}
.case h3 {
  text-align: center;
  font-size: 30px;
  color: #000000;
  margin-bottom: 38px;
  opacity: 0;

}
.case .ul-wrap {
  text-align: center;
  opacity: 0;

}
.case .ul-wrap ul {
  display: inline-block;
}
.case .ul-wrap ul li {
  float: left;
  padding: 18px 30px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.case .ul-wrap ul li a {
  font-size: 16px;
  color: #666666;
}
.case .ul-wrap ul li.on,.case .ul-wrap ul li:hover{
  background-color: #f1f1f1;
}
.case .ul-main.gg {

  opacity: 0;

}
.case .ul-bd ul{padding-top: 22px;}

.case .ul-main ul li {
  float: left;
  width: 20%;
}
.case .ul-main ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.case .ul-main ul li:hover span {
  background-color: #eee;
}
.case .ul-main ul li a {
  display: inline-block;
  width: 100%;
}
.case .ul-main ul li a em {
  display: block;
  overflow: hidden;
}
.case .ul-main ul li a em img {
  width: 100.5%;
  background: url(../images/loading.gif) no-repeat center;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.case .ul-main ul li a span {
  display: block;
  line-height: 60px;
  font-size: 18px;
  color: #333333;
  text-align: center;
  background-color: #fff;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.case .ul-main .ul-main-btn {
  background-color: #f1f1f1;
  height: 65px;
  padding-top: 15px;
}
.case .ul-main .ul-main-btn .btn-inner {
  width: 218px;
  height: 50px;
  margin: 0 auto;
}
.case .ul-main .ul-main-btn .btn-inner a {
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.case .ul-main .ul-main-btn .btn-inner .prev1 {
  display: inline-block;
  width: 52px;
  height: 50px;
  background: url(../images/j1.png) no-repeat 0 center;
  background-color: #fff;
  border-radius: 4px;
}
.case .ul-main .ul-main-btn .btn-inner .prev1:hover {
  background-color: #000;
  background-position: -50px center;
}
.case .ul-main .ul-main-btn .btn-inner .mid {
  display: inline-block;
  width: 92px;
  height: 50px;
  background: #fff url(../images/j3.png) no-repeat center -54px;
  border-radius: 4px;
  margin: 0 8px;
}
.case .ul-main .ul-main-btn .btn-inner .mid:hover {
  background: #000 url(../images/j3.png) no-repeat center 1px;
}
.case .ul-main .ul-main-btn .btn-inner .next1 {
  display: inline-block;
  width: 52px;
  height: 50px;
  border-radius: 4px;
  background: #fff url(../images/j2.png) no-repeat -50px center;
}
.case .ul-main .ul-main-btn .btn-inner .next1:hover {
  background-color: #000;
  background-position: 0px center;
}

.ul-box,.ul-main{width: 100%!important;}
.ul-box{opacity: 0;}

.cc4 .common-h3 {
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.cc4 .advantage-inner {
  -webkit-animation: c4 1s 0.4s forwards;
  -o-animation: c4 1s 0.4s forwards;
  animation: c4 1s 0.4s forwards;
}
.advantage {
  padding-top: 62px;
}
.advantage .common-h3 {
  opacity: 0;

}
.advantage .advantage-inner {
  opacity: 0;

  height: 584px;
  /*background: url(../images/bg2.jpg) no-repeat center;*/
  background: url(../dist/b3-1.jpg) no-repeat center;
}
.advantage .advantage-inner .wrap {
  position: relative;
  height: 100%;
}
.advantage .advantage-inner .wrap .circle {
  position: absolute;
  width: 60px;
  height: 60px;
}
.advantage .advantage-inner .wrap .circle div {
  border: 1px solid #fff;
  border-radius: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  /*visibility: hidden;*/
  box-sizing: border-box;
}
.advantage .advantage-inner .wrap .circle .circle-a {
  -webkit-animation: ani-circle 3s ease-out forwards infinite;
  animation: ani-circle 3s ease-out forwards infinite;
}
.advantage .advantage-inner .wrap .circle .circle-b {
  -webkit-animation: ani-circle 3s .5s ease-out forwards infinite;
  animation: ani-circle 3s .5s ease-out forwards infinite;
}
.advantage .advantage-inner .wrap .circle .circle-c {
  -webkit-animation: ani-circle 3s 1s ease-out forwards infinite;
  animation: ani-circle 3s 1s ease-out forwards infinite;
}
.advantage .advantage-inner .wrap .circle .z-a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 8px;
  margin: -7px 0 0 -7px;
}
.advantage .advantage-inner .wrap .circle .z-b {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffa800;
  border-radius: 4px;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
}
.advantage .advantage-inner .wrap .loca {
  top: 96px;
  left: 365px;
}
.advantage .advantage-inner .wrap .loca1 {
  top: 103px;
  right: 480px;
}
.advantage .advantage-inner .wrap .loca2 {
  top: 330px;
  left: 290px;
}
.advantage .advantage-inner .wrap .loca3 {
  top: 325px;
  right: 256px;
}
.advantage .advantage-inner .wrap .font-left {
  position: absolute;
  top: 112px;
  left: 330px;
}
.advantage .advantage-inner .wrap .font-left .p1 {
  font-size: 24px;
  color: #fff;
  text-align: right;
  margin-bottom: 12px;
}
.advantage .advantage-inner .wrap .font-left .p2 {
  font-size: 16px;
  color: #ffffff;
  width: 192px;
  line-height: 1.4;
}
.advantage .advantage-inner .wrap .font-right {
  position: absolute;
}
.advantage .advantage-inner .wrap .font-right .p1 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 12px;
}
.advantage .advantage-inner .wrap .font-right .p2 {
  font-size: 16px;
  color: #ffffff;
  width: 222px;
  line-height: 1.4;
}
.advantage .advantage-inner .wrap .locax {
  top: 346px;
  left: 90px;
}
.advantage .advantage-inner .wrap .locax2 {
  top: 118px;
  /*right: 44px;*/
  right: 260px;
}
.advantage .advantage-inner .wrap .locax3 {
  top: 342px;
  right: 44px;
}
.advantage .advantage-inner .wrap .box1 {
  position: absolute;
  width: 128px;
  height: 122px;
  top: 68px;
  left: 294px;
  background: url(../images/B1.png) no-repeat center;
  -webkit-animation: box 3s ease-out forwards infinite alternate;
  -o-animation: box 3s ease-out forwards infinite alternate;
  animation: box 3s ease-out forwards infinite alternate;
}
.advantage .advantage-inner .wrap .box2 {
  position: absolute;
  width: 116px;
  height: 126px;
  top: 102px;
  left: 740px;
  background: url(../images/B2.png) no-repeat center;
  -webkit-animation: box 2s .8s ease-out forwards infinite alternate;
  -o-animation: box 2s .8s ease-out forwards infinite alternate;
  animation: box 2s .8s ease-out forwards infinite alternate;
}
.advantage .advantage-inner .wrap .box3 {
  position: absolute;
  width: 453px;
  height: 474px;
  top: 20px;
  left: 375px;
  /*background: url(../images/B3.png) no-repeat center;*/
    /*background: url(../dist/team05.png) no-repeat center;*/
  -webkit-animation: box 3s .4s ease-out forwards infinite alternate;
  -o-animation: box 3s .4s ease-out forwards infinite alternate;
  animation: box 3s .4s ease-out forwards infinite alternate;
}
.cc5 {
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.new {
  margin-top: 62px;
  height: 406px;
  margin-bottom: 56px;
  opacity: 0;

}
.new .wrap .new-left {
  float: left;
  width: 250px;
  height: 400px;
  background: url(../images/bg3.jpg) no-repeat center;
}
.new .wrap .new-right {
  float: right;
  width: 920px;
  height: 406px;
}
.new .wrap .new-right .hd {
  margin-bottom: 34px;
}
.new .wrap .new-right .hd ul li {
  float: left;
  margin-right: 16px;
  text-align: center;
  font-size: 20px;
  color: #333333;
  width: 98px;
  padding-top: 6px;
  cursor: pointer;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.new .wrap .new-right .hd ul li:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  margin-top: 10px;
  background-color: #e62129;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.new .wrap .new-right .hd ul .on {
  color: #e62129;
}
.new .wrap .new-right .hd ul .on:after {
  width: 100%;
}
.new .wrap .new-right .bd .in1 {
  position: relative;
}
.new .wrap .new-right .bd .ul1 {
  width: 436px;
  float: left;
}
.new .wrap .new-right .bd .ul1 li {
  border-bottom: 1px solid #eee;
}
.new .wrap .new-right .bd .ul1 li:hover a em {
  color: #e62129;
}
.new .wrap .new-right .bd .ul1 li a span {
  display: block;
  font-size: 14px;
  color: #999999;
  padding-top: 16px;
  margin-bottom: 16px;
}
.new .wrap .new-right .bd .ul1 li a em {
  display: block;
  font-size: 16px;
  color: #222222;
  margin-bottom: 15px;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.new .wrap .new-right .bd .ul1 li a b {
  display: block;
  font-size: 14px;
  color: #999999;
  padding-bottom: 16px;
  width: 386px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.new .wrap .new-right .bd .ul2 {
  float: right;
  width: 436px;
  padding-top: 0px;
}
.new .wrap .new-right .bd .ul2 li {
  border-bottom: 1px solid #eee;
  line-height: 40px;
  padding-left: 24px;
  background: url(../images/i1.jpg) no-repeat 8px center;
}
.new .wrap .new-right .bd .ul2 li:hover {
  background-image: url(../images/i2.jpg);
}
.new .wrap .new-right .bd .ul2 li:hover a {
  color: #e62129;
}
.new .wrap .new-right .bd .ul2 li a {
  font-size: 16px;
  color: #222222;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 260px;
  vertical-align: bottom;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.new .wrap .new-right .bd .ul2 li span {
  font-size: 14px;
  color: #999999;
  float: right;
}
.new .wrap .new-right .bd .more {
  position: absolute;
  top: -70px;
  right: 0;
  width: 100px;
  height: 38px;
  box-sizing: border-box;
  border: 1px solid #f3f3f3;
}
.new .wrap .new-right .bd .more:hover span {
  color: #fff;
}
.new .wrap .new-right .bd .more:hover:before {
  width: 100%;
}
.new .wrap .new-right .bd .more:hover em {
  background: url(../images/S1.png) no-repeat 3px 1px;
}
.new .wrap .new-right .bd .more span {
  position: absolute;
  top: 13px;
  left: 16px;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.new .wrap .new-right .bd .more em {
  position: absolute;
  background: url(../images/S1.png) no-repeat -98px 1px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.new .wrap .new-right .bd .more:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #e62129;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.cc6 {
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.cc6 .join-inner li {
  -webkit-animation: c2 1s forwards;
  -o-animation: c2 1s forwards;
  animation: c2 1s forwards;
}
.join {
	position: relative;
  background-color: #f6f6f6;
  padding-top: 38px;
  padding-bottom: 38px;
  opacity: 0;

}
.join .hd {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
}
.join .hd ul {
  position: absolute;
  top: 160px;
  left: 0;
  z-index: 6;
  width: 200px;
}
.join .hd li {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 6px;
}
.join .hd .on {
  background-color: #00aaff;
}
.join .join-inner li {
  float: left;
  width: 224px;
  height: 140px;
  margin-left: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  opacity: 0;

}
.join .join-inner li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.join .join-inner li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.join .join-inner li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.join .join-inner li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.join .join-inner li:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.join .join-inner li:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.join .join-inner li:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.join .join-inner li:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.join .join-inner li:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.join .join-inner li:nth-child(10) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.join .join-inner li:nth-child(11) {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.join .join-inner li:nth-child(12) {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.join .join-inner li:nth-child(13) {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.join .join-inner li:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 0 0 4px 2px #ddd;
}
.join .join-inner li:hover em {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.join .join-inner li em {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/SPRIT.jpg) no-repeat;
  background-position: center;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.join .join-inner .l1 {
  width: 712px;
  margin-left: 0;
  background-color: transparent;
  background: url(../images/font.png) no-repeat right center;
}
.join .join-inner .l1:hover {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0 0 0 0 #ddd;
}
.join .join-inner .l1:hover em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/*.commit {
  height: 415px;
  background: url(../images/bg4.jpg) no-repeat center;
}*/
.commit {
    height: 415px;
    background: url(../dist/b4-1.jpg) no-repeat center;
}
.commit .fix_1{ padding: 60px 0 42px 0;}
.commit .fix_1 h4{ float: left;}
.commit .fix_1 h4 font{ display: block; font-size: 30px;   line-height: 42px;}
.commit .fix_1 h4 span{ display: block; font-size: 16px;   line-height: 30px;}
.commit .fix_2 p{ position: relative; width: 560px; height: 45px; margin-bottom: 10px;border-radius: 3px; background: #5ca6db;}
    .commit .fix_2 p input {
        width: 100%;
        height: 45px;
        padding-left: 35px;
        border: none;
        background: no-repeat 10px center;
        background-color: darkgrey;
        box-sizing: border-box;
        font-size: 14px;
        color: #fff;
        line-height: 45px;
    }
.commit .fix_2 p input::-webkit-input-placeholder {color: #fff;}
.commit .fix_2 .insf_1 input{ background-image: url(../images/insf_1.png);}
.commit .fix_2 .insf_2 input{ background-image: url(../images/insf_2.png);}
.commit .fix_2 .insf_3 .insf_3-1 input{ background-image: url(../images/insf_3.png);}
.commit .fix_2 .insf_3 .insf_3-2 input{ background-image: url(../images/insf_4.png);}
.commit .fix_2 .insf_3-1{ width: 234px;}
.commit .fix_2 .insf_3-2{ width: 314px; margin-left: 12px;}
.commit .fix_2 .insf_4{ width: 580px; height:100px;border-radius: 3px;}
    .commit .fix_2 .insf_4 textarea {
        width: 100%;
        height: 100px;
        padding: 12px 40px;
        border: none;
        background: transparent url(../images/insf_5.png) no-repeat 10px 10px;
        background-color: darkgrey;
        box-sizing: border-box;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
    }
.commit .fix_2 .insf_4 textarea::-webkit-input-placeholder{color: #fff;}
.commit .fix_2 .insf_5{ float: left; width: 240px;}
.commit .fix_2 .insf_5 input{background-image: url(../images/insf_6.png);}
.commit .fix_2 div.fr>span{ float: left; width: 97px; height: 45px; margin-left: 10px; border-radius: 3px; background: #fff;}
.commit .fix_2 p>span{position: absolute;top: 50%;right: 10px; width: 14px; height: 14px; margin-top: -7px; background: no-repeat center;}
.commit .fix_2 .insf_4 span{ top: 15px; right: 20px; margin-top: 0;}
/* .commit .fix_2 p>span.content_prompt{ background-image: url(../images/yes.png);}
.commit .fix_2 p>span.yzm_prompt{ background-image: url(../images/no.png);} */
    .commit .fix_2 input[type="button"] {
        float: right;
        width: 228px;
        height: 45px;
        border: none;
        border-radius: 3px;
        background: #e62129;
        font-size: 16px;
        color: #fff;
    }
textarea{overflow: hidden;}
/*# sourceMappingURL=c.css.map */

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/*.new-left .b1{ position: relative; width: 100%; height: 400px; overflow: hidden; background: #0a7dce url(../images/icon_116.png) no-repeat center;}*/
.new-left .b1{ position: relative; width: 100%; height: 400px; overflow: hidden; background-color:#eee;}
.new-left .b1 .b-tit{ position: absolute;top: 28px;left: 25px;}
.new-left .b1 .b-tit h3{ font-size: 32px;font-weight: bold;  }
.new-left .b1 .b-tit h3 span{ display:block;font-size: 24px;font-weight: 100; text-transform: uppercase; line-height: 40px;}
.new-left .b1 .b-xian{ position: absolute;top: 77px;left: 0; width: 100%; height: 148px;-webkit-transition: all 1s;transition: all 1s;}
.new-left .b1 .b-xian span{ display: block; width: 0%; height: 148px; background: url(../images/icon_117.png) no-repeat left center;}
.new-left .b1 .b-xian i{ position: absolute;top: 138px;left: 78px; width: 12px; height: 12px; border: 3px solid #e62129; border-radius: 50%; background:  rgba(255,255,255,.8);}
.new-left .b1 .b-xian i:before{ position: absolute;top: 15px;left: 6px; content: ' '; width:1px;height: 0; background: rgba(255,255,255,.5);}
.new-left .b1 .b-sz{ position: absolute;bottom: -12px;left: 0;opacity: 0; width: 100%; text-align: center;}
.new-left .b1 .b-sz ul{ display: inline-block;}
.new-left .b1 .b-sz ul li{ float: left; padding: 0 11px; font-size: 14px;  }
.new.cc5 .new-left .b1 .b-xian span{-webkit-animation: hydt 3s ease 1s forwards;-o-animation: hydt 3s ease 1s forwards;animation: hydt 3s ease 1s forwards;}
.new.cc5 .new-left .b1 .b-xian i{transform: scale(0);-webkit-animation: hydt_1 1s 1.7s forwards;-o-animation: hydt_1 1s 1.7s forwards;animation: hydt_1 1s 1.7s forwards;}
.new.cc5 .new-left .b1 .b-xian i:before{-webkit-animation: hydt_2 1s 2s forwards;-o-animation: hydt_2 1s 2s forwards;animation: hydt_2 1s 2s forwards;}
.new.cc5 .new-left .b1 .b-sz{-webkit-animation: hydt_3 1s 2s forwards;-o-animation: hydt_3 1s 2s forwards;animation: hydt_3 1s 2s forwards;}


.common-h3 {
  position: relative;
  z-index: 8;
}
.cc4 .advantage-inner {
  position: relative;
  z-index: 7;
}